<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        
        <title>Reason</title>
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">        
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/main.css'}">
        <link rel="stylesheet" type="text/css" media="screen" href="@{'public/stylesheets/smoothness/jquery-ui-1.8.12.custom.css'}" />
        
		<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/feedBack.css'}" />
	
	
           #{get 'moreStyles' /}
		
        <script type="text/javascript" src="@{'/public/javascripts/jquery-1.5.1.min.js'}"></script>
        <script type="text/javascript" src="@{'/public/javascripts/request.js'}"></script>
        <script type="text/javascript" src="@{'/public/javascripts/feedBack.js'}"></script>
		<script type="text/javascript" src="@{'/public/javascripts/logo-script.js'}"> </script>
		<script type="text/javascript" src="@{'/public/javascripts/jquery.innerfade.js'}"></script>
		<script src="@{'/public/javascripts/jquery-ui-1.8.12.custom.min.js'}" type="text/javascript" charset="utf-8"></script>
		
	#{script 'bmi.js'/}

		<!--  #{script 'TagCloud.js'/}-->
    	#{get 'moreScripts' /}
	

</head>


<style type="text/css">

div#content {
	float: right;
	top: 50px;
	left: 5px;
}
</style>






<body>


<div id="content">

  <a href="#requestForm">~ Send Your Request ~</a>
 
</div>

 <h2> Send Your Request! </h2>
 
  <ul>

  <form id="requestForm" action="" method="send" name="myform">

    <li>
      <label  style="padding-top: .5em;">Your Request</label>
      <textarea name="request" id="request" placeholder="Please Fill Your Request!" required="required" cols="80" rows="10" maxlength="10000"></textarea>
      
      
    </li>
    
    <li>
    <label> The Plan ID </label>
    <textarea name="planId" id="planId" placeholder="Please Enter Your Plan ID" required="required" cols="8" rows="1" maxlength="100"></textarea>
   
    <li>
    </ul>
    
    <li>
    <label> Action Item No.</label>
    <textarea name="Action Item No." id="aIno" placeholder="Please The Number Of The Action Item You Chose" required="required" cols="8" rows="1" maxlength="100"></textarea>
    </li>
    
    
    
 <div id="requestButtons">
    <input type="submit" id="sendRequest" name="sendRequest" value="Send Request" />
    <input type="button" id="cancel" name="cancel" value="Cancel" />
  </div>



</form>
<div id="sendingRequest" class="requestStatus"><p>Sending your request .. please wait.</p></div>
<div id="successRequest" class="requestStatus""><p>Thanks for sending your request, it' won't be too long before you start working on your action item</p></div>
<div id="failureRequest" class="requestStatus""><p>Oh-snap! - There was a problem sending your request, try again will ya'</p></div>
<div id="incompleteRequest" class="requestStatus""><p>Please complete the request field before sending.</p></div>

</body>
</html>